<template >
    <b-container fluid>
  <b-row>
    <b-col sm="0" md="1" lg="2" xl="3"><div style="width:100%;border:2px,red;background:green">1</div></b-col>
    <b-col sm="12" md="10" lg="8" xl="6"><div style="width:100%;border:2px,red;background:red">2</div></b-col>
    <b-col sm="0" md="1" lg="2" xl="3"><div style="width:100%;border:2px,red;background:green">3</div></b-col>
  </b-row>

  <b-row>
    <b-col sm>col-sm</b-col>
    <b-col sm>col-sm</b-col>
    <b-col sm>col-sm</b-col>
  </b-row>
</b-container>
</template>